.status-button {
  width: 60px;
}

.modal-dialog {
  position: static !important;
}

.modal-dialog {
  left: 0% !important;
  width: 80% !important;
}

tr th {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
}

.table-responsive button.btn.btn-default {
  border-radius: 3px !important;
  width: 100%;
  color: #ffffff !important;
  background: #209e91;
}

.table-responsive button.lgn {
  transform: scale(1);
  border-radius: 3px;
  background-color: #209E91 !important;
}

.table-responsive button.lgn:hover {
  background-color: #26b7a6 !important;
}

.table-responsive button.search-btn:hover {
  background: #209e91;
}

.leaderboard i.ion-thumbsup.chatbox {
  padding: 1vmin;
  color: #209e91;
}

.leaderboard i.ion-chatboxes.chatbox {
  padding: 1vmin;
  color: #209e91;
}

i.ion-lightbulb.chatbox {
  padding: 1vmin;
  color: #209e91;
}

thead > tr > th {
  text-align: center;
}

tbody > tr > td {
  text-align: center;
}

@media only screen and (min-width: 415px) and (max-width: 736px) {
  .leader-title {
    font-size: 16px;
    padding-top: 2vmin;
  }
  tr th {
    font-size: 14px;
  }
}

.datealignment {
  float: right;
  padding-top: 15%;
}

.todates {
  float: left;
  padding-top: 15%;
}

.boardcontent {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0px;
}

.btn:hover {
  transform: scale(1);
}

.mydp {
  width: 150px !important;
  border: 0px solid rgb(170, 170, 170) !important;
}

.checkdate {
  margin-right: -4%;
}

.col-md-5.col-sm-5 {
  margin-right: 3%;
}

.selectiongroup input.selection {
  font-size: 14px !important;
  font-weight: normal !important;
}

.selectiongroup {
  border: 1px solid rgb(170, 170, 170) !important;
  border-radius: 5px;
}

input.selection {
  border-radius: 5px;
}

.card {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.userName {
  cursor: pointer;
  color: #209E91 !important;
}

button.btnpicker {
  border-radius: 5px;
}

// calendar css
.currmonth:hover, .sunday:hover {
  background-color: #209E91 !important;
  color: white !important;
}

.currmonth, .sunday {
  color: grey !important;
}

.caltable > thead > tr > th {
  background-color: grey !important;
  color: white !important;
}

.selectedday > div.currmonth {
  border: 1px solid green !important;
}

span.icon {
  color: grey !important;
}

button.btnpicker:hover, .btnclear:hover {
  background-color: #46ABA1 !important;
  color: white !important;
}

span.icon.icon-calendar:hover, span.icon.icon-cross:hover {
  color: white !important;
}

.mydp {
  width: 103% !important;
  border: 0px solid rgb(170, 170, 170) !important;
}

.selectiongroup input.selection {
  font-size: 14px !important;
  font-weight: normal !important;
}

input.selection {
  border-radius: 5px;
}

.selectiongroup {
  border: 1px solid #aaaaaa !important;
  border-radius: 5px;
}

button.btnpicker {
  border-radius: 5px;
}

button.btn.btn-default.btn-auth.postbuttons {
  height: 37px !important;
}

.form-control {
  height: 37px !important;
}

.postbuttons:hover {
  transform: scale(1);
  opacity: 0.8;
  background: #209e91 !important;
  color: white !important;
}

.postbuttons {
  border-radius: 3px !important;
  width: 126px;
  height: 37px;
  background: #209e91 !important;
  color: white !important;
}

.calendar {
  padding-left: 0%;
}

.leaderboardsearch {
  margin-right: 4%;
}

.leaderboard-bulb {
  padding: 1vmin;
  color: #209e91;
}

.leaderboard i.ion-ios-timer.chatbox {
  padding: 1vmin;
  color: #209e91
}

.userProfileModel .card > .card-body {
  margin-top: 24px !important;
}

.leaderboard .card > .card-body {
  padding: 3px 0px 18px 0px !important;
}

.textBold {
  font-weight: bold !important;
  font-size: 14px !important;
}

.cardHeights.card > .card-body {
  margin-top: -3px;
}

.tablealignment {
  width: 25%;
}

@media (min-width: 740px) and (max-width: 768px) {
  .leaderboardsearch {
    margin-right: -3% !important;
  }
  .col-md-4.col-sm-4.leaderboardsearch {
    width: 22% !important;
  }
  .col-sm-2.col-md-2.calendar {
    width: 20% !important;
  }
  .checkdate {
    margin-right: 0% !important;
  }
  button.btnclear {
    width: 18px !important;
  }
  button.btnpicker {
    width: 18px !important;
  }
  .selectiongroup input.selection {
    font-size: 12px !important;
    font-weight: normal !important;
    padding-right: 36% !important;
  }

  .profilerightContainer {
    margin-left: 9% !important;
  }
  .modal-dialog.undefined {
    position: static !important;
    width: auto !important;
    margin: 10px !important;
  }
}

@media (max-width: 414px) {
  .datealignment {
    float: left !important;
  }
  .col-sm-2.col-md-2.searchbutton {
    padding-top: 17% !important;
    margin-left: -4% !important;
  }
  .calendar {
    height: 80px;
  }
}

@media (min-width: 569px) and (max-width: 736px) {
  .leaderboardsearch {
    width: 0% !important;
    margin-left: -4% !important;
  }
  .checkdate {
    margin-right: 0%;
  }
  .col-sm-2.col-md-2.calendar {
    width: 25% !important;
  }
  .col-sm-2.col-md-2.searchbutton {
    width: 16.66% !important;
  }
  .animated.fadeIn.card.with-scroll.table-panel.cardHeights {
    margin-top: 4%;
  }
}

@media (min-width: 544px) and (max-width: 568px) {
  .leaderboardsearch {
    width: 0% !important;
    margin-left: -4% !important;
  }
  .checkdate {
    margin-right: 0%;
  }
  .col-sm-2.col-md-2.calendar {
    width: 25% !important;
  }
  .col-sm-2.col-md-2.searchbutton {
    width: 16.66% !important;
  }
  button.btn.btn-default.btn-auth.postbuttons {
    width: 92px !important;
  }
  .animated.fadeIn.card.with-scroll.table-panel.cardHeights {
    margin-top: 4%;
  }
}

td.tablealignment.newTable {
  padding-left: 15%;
}